<template>
  <div>
      <Content :style="{ backgroundColor: 'pink' }">
      <div class="chen_mime_top">
        <Header />
        <p class="chen_mime_top_title" @click="Onclick" v-show="isDeng">
          立即登录
        </p>
        <p v-show="show" class="chen_mime_top_title_tt">小可爱</p>
        <p class="chen_mime_top_title" v-show="show" @click="Onback">
          退出登录
        </p>
        <p class="chen_mime_title">积分:0</p>
      </div>
        <van-notice-bar
      left-icon="volume-o"
      scrollable
      text="新上线更稳定的付费快递查询接口"
    />
    <div class="chen_mime"></div>
    <van-cell-group>
      <van-cell title="单元格" is-link>
        <template #title>
          <van-icon name="send-gift-o" />
          <span class="custom-title">我的订单</span>
        </template>
      </van-cell>
    </van-cell-group>

    <van-grid>
      <van-grid-item icon="send-gift-o" text="待付款" />
      <van-grid-item icon="send-gift-o" text="待发货" />
      <van-grid-item icon="send-gift-o" text="待收货" />
      <van-grid-item icon="send-gift-o" text="待评价" />
    </van-grid>
    <div class="chen_mime"></div>

    <van-grid :column-num="3">
      <van-grid-item icon="send-gift-o" text="我的余额" />
      <van-grid-item icon="send-gift-o" text="我的砍价" />
      <van-grid-item icon="send-gift-o" text="我的礼券" />
      <van-grid-item icon="send-gift-o" text="我的收藏" />
      <van-grid-item icon="location-o"  text="我的地址"  @click="dizhi"/>
      <van-grid-item icon="send-gift-o" text="联系客服" />
    </van-grid>
    
    </Content>
  </div>
</template>

<script>
import Content from "../components/content/Content"
import Header from "../components/Header/Header"
export default {
    components:{
        Content,
        Header,
    },
    data() {
        return {
            
        }
    },
    computed:{
         isDeng() {
      var token = localStorage.getItem("token");
      if (token) {
        return false;
      } else {
        return true;
      }
    },
    show() {
      var token = localStorage.getItem("token");
      if (token) {
        return true;
      } else {
        return false;
      }
    },
    },
    methods: {
    Onclick() {
      this.$router.push({
        path: "/login",
      });
    },
    Onback() {
      var aa = localStorage.removeItem("token");
      this.$router.push({
        path: "/login",
      });
    },
    dizhi(){
      this.$router.push({path:"/dizhi"})
    }
  },
}
</script>

<style>
.chen_mime {
  width: 100%;
  height: 1.4rem;
  background: rgb(245, 245, 245);
  text-align: center;
  font-size: 1rem;
  line-height: 1.4rem;

}
.chen_mime_top {
  width: 100%;
  height: 10rem;
  background: rgb(193, 177, 143);
}
.chen_mime_top_title {
  font-size: 1rem;
  font-weight: 400;
  position: absolute;
  top: 3.5em;
  left: 11rem;
  color: #ffffff;
}
.chen_mime_title {
  width: 3.5rem;
  height: 2rem;
  background: rgb(181, 163, 124);
  font-size: 1rem;
  text-align: left 0.1rem;
  color: #ffffff;
  line-height: 2rem;
  position: absolute;
  top: 6.5rem;
  left: 6.5rem;
  border-radius: 0.1rem;
  
}
.chen_mime_top_title_tt {
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  top: 3.5rem;
  left: 6.5rem;
  color: #ffffff;
  display: inline;
}
</style>